<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>基本资料</title>
    <link rel="stylesheet" href="./css/app.css">
    <link rel="stylesheet" href="../font/ionicons-2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../tools/multisSelect/bootstrap-multiselect.css">
</head>
<body>
<div class="baseinfo-body project-experience">
    <div class="to" style="">
        <!--加载公共的样式-->
        @@include('./include/top.html')
        <!--栅格系统第二行开始-->
        <div class="row top2">
            <div class="col-md-2 ul">
                <p style="color:red">个人资料</p>
            </div>
            <div class="col-md-2 ul">
                <p>修改密码</p>
            </div>
            <div class="col-md-2 ul">
                <p>认证信息</p>
            </div>
            <div class="col-md-2 col-md-offset-4 ul">
                <div class="you">
                    <span>预览个人主页</span>
                </div>
            </div>
        </div>
        <!--栅格系统第二行结束-->
        <!--修改类型开始-->
        <div class="row top3">
            <ul>
                <li>
                    <a href="" class="active">
                        <i class="icon ion-ios-paper-outline"></i>
                        <p>基本资料</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-person-outline"></i>
                        <p>修改头像</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-social-buffer-outline"></i>
                        <p>教育经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-photos-outline"></i>
                        <p>工作经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-pricetags-outline"></i>
                        <p>我的标签</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-pie-outline"></i>
                        <p>工作经历</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon ion-ios-infinite-outline"></i>
                        <p>账号绑定</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--修改类型结束-->
        <!--资料的完成度开始-->
        <div class="row top4">
            <div class="col-md-12 ul">
                <span>您的个人信息完整度为</span><span style="color:red;">86%</span>,<span>完整度达到100%后方可报名任务。</span>
            </div>
        </div>
        <!--资料的完成度结束-->

        <!--填写信息开始-->
        <div class="row top5">
            <div class="project-experience-list col-md-12">
                <ul class="experience-list">
                    <li class="experience-item">
                        <div class="title">
                            <div class="title1">滇池半岛</div>
                            <div class="title2 ">设计总监</div>
                        </div>
                        <ul class="sign-list">
                            <li class="sign-item">设计时间：2016-2016</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">建筑规模：300000㎡</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">建筑类型：居住建筑</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">担任角色：设计总监</li>
                            <li class="sign-item exit-item-delete"><a href="">编辑项目经验</a> | <a href="">删除</a></li>
                        </ul>
                        <div class="image-item">
                            <a href="" class="image">
                                <img class="img-responsive" src="http://static.icanting.com.cn/experience/201612/21/37/09513772esaqztkusevhea_0_1_800_0c_0_0_160_120.jpg" alt="">
                            </a>
                            <div class="description">
                                <p class="desc">
                                    项目描述：64栋别墅中的两栋已经实施完毕。
                                </p>
                                <p class="label-work">
                                    工作标签：4栋别墅中的两栋已经实施完毕。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="experience-item">
                        <div class="title">
                            <div class="title1">滇池半岛</div>
                            <div class="title2 ">设计总监</div>
                        </div>
                        <ul class="sign-list">
                            <li class="sign-item">设计时间：2016-2016</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">建筑规模：300000㎡</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">建筑类型：居住建筑</li>
                            <li class="sign-item">|</li>
                            <li class="sign-item">担任角色：设计总监</li>
                            <li class="sign-item exit-item-delete"><a href="">编辑项目经验</a> | <a href="">删除</a></li>
                        </ul>
                        <div class="image-item">
                            <a href="" class="image">
                                <img class="img-responsive" src="http://static.icanting.com.cn/experience/201612/21/37/09513772esaqztkusevhea_0_1_800_0c_0_0_160_120.jpg" alt="">
                            </a>
                            <div class="description">
                                <p class="desc">
                                    项目描述：64栋别墅中的两栋已经实施完毕。
                                </p>
                                <p class="label-work">
                                    工作标签：4栋别墅中的两栋已经实施完毕。
                                </p>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>




            <div class="project-experience-title">
                <div class="title">添加项目经验</div>
                <span class="subtitle">该信息将被收入项目库中，请如实填写，这将有利于任务精准推送给您</span>
            </div>
            <form class="form-horizontal" role="form" method="post" name="myform">
                <div class="form-group">
                    <label for="firstname" class="col-sm-2 control-label">项目名称</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" id="firstname" placeholder="请输入一句话来描述您的任务需求">
                    </div>
                </div>
                <!--所在区域开始-->
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">项目地点</label>
                    <div class="col-sm-2">
                        <select class="form-control col-sm-2" style="width: 150px">
                            <option value="">请选择所在县城</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                    <div class="col-sm-2">
                        <select class="form-control col-sm-2" style="width: 150px">
                            <option value="">请选择所在城镇</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <!--所在区域结束-->
                <!--类型选择-->
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">项目类型</label>
                    <div class="col-sm-2">
                        <select class="form-control">
                            <option value="">专业设计</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <!--类型选择-->
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">项目规模</label>
                    <div class="col-sm-4" style="float: left">
                        <input style="width: 300px" type="text" class="form-control" id="lastname" placeholder="请输入右边的验证码">
                    </div>
                    <div class="col-sm-2">
                        <select class="form-control">
                            <option value="">专业设计</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">任务描述</label>
                    <div class="col-sm-10">
                        <textarea class="form-control" rows="5"></textarea>
                    </div>
                    <!--点击获取短信验证-->
                    <!--点击获取短信验证-->
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">设计团队</label>
                    <div class="col-sm-10">
                        <input type="text" name="" id="" class="form-control" placeholder="设计团队">
                    </div>
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">上传图片</label>
                    <div class="col-sm-10">
                        <input type="file" id="inputfile">
                    </div>
                </div>

                <!--报名截止时间开始-->
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">工作时间</label>
                    <div class="col-sm-3">
                        <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" type="text" class="form-control"  placeholder="开始时间">
                    </div>
                    <div class="col-sm-3">
                        <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly"  type="text" class="form-control"  placeholder="结束时间">
                    </div>

                </div>
                <!--报名截止时间结束-->


                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-danger btn-lg">开始发布</button>
                        <button type="submit" class="btn btn-danger btn-lg">发布预览</button>
                    </div>
                </div>
            </form>
        </div>
        <!--填写信息结束-->





    </div>
</div>
</div>
</body>
<script src="./js/jquery/jquery.js"></script>
<script src="./js/bootstrap/bootstrap.js"></script>
<script src="../tools/Calendar.js"></script>
<script src="./js/app.js"></script>
<script src="../tools/multisSelect/bootstrap-multiselect.js"></script>
<script>
        $('.role-select-label').change(function () {
            var value = $(this).find('option:selected').val();
            var html = '<li class="label-item"> ' +
                            value +
                        ' <i class="ion ion-close role-close-label"></i>' +
                    '</li>'

            $(this).parent().siblings('.profession-label').append(html);

        });
        $(document).on('click', '.role-close-label', function () {
            $(this).parent().remove();
        })

</script>
</html>